1.15. Веб-технологии
Веб-технологии
HTML
HTM, HTML (HyperText Markup Language) – язык разметки веб-страниц, состоящий из тегов и атрибутов. Очень похож на XML, но они отличаются тем, что в HTML имеется стандартизированный набор тегов и атрибутов с установленной целью, допустим <head> для заголовка, и <a href=”” /> для ссылки, тогда как в XML можно создать свой, произвольный элемент <Element123>.
Язык разметки — это система обозначений, встроенная в текст и предназначенная для описания структуры и назначения его частей. Такой язык использует специальные последовательности символов (например, теги или управляющие команды), чтобы указать, где заголовок, абзац, список, ссылка или другая смысловая единица.
Тег — это обозначение, выделяющее фрагмент текста и придающее ему определённую роль в структуре документа. Тег записывается в угловых скобках, например <p> для абзаца или <h1> для главного заголовка. Некоторые теги имеют пару: открывающий (<section>) и закрывающий (</section>), между которыми размещается содержимое.
Атрибут — это дополнительная характеристика тега, задаваемая внутри открывающего тега в виде пары «имя = значение». Атрибут уточняет свойства элемента: например, href="https://example.com" указывает адрес ссылки, alt="Картинка" задаёт альтернативный текст изображения, class="button" назначает элементу категорию для стилизации.
Гипертекст — это текст, содержащий встроенные ссылки на другие фрагменты того же документа или на внешние ресурсы. Такие ссылки позволяют пользователю переходить между разделами, страницами или сайтами одним щелчком, формируя нелинейную структуру навигации.
CSS
CSS (Cascading Style Sheets) – файл языка стилей для веб-страниц, который позволяет добавить оформление (кнопок, цветов, шрифтов, таблиц) элементов в HTML, и состоит из селекторов, свойств и значений.
Пример:
selector {
property: value;
}
Стиль — это набор правил оформления, определяющий внешний вид элементов веб-страницы: цвет фона, размер шрифта, отступы, границы, анимации и другие визуальные характеристики. Стили описываются отдельно от содержания и применяются к элементам по их типу, классу, идентификатору или другим признакам.
Селектор — это запись в стилевом правиле, указывающая, к каким именно элементам HTML будет применено оформление. Селектор может ссылаться на тег (p), класс (.header), идентификатор (#menu), атрибут ([type="submit"]) или комбинацию признаков (nav ul li a).
Свойство — это название характеристики оформления, например color, font-size, margin.
Значение — это конкретная величина или параметр, который присваивается свойству, например red, 16px, 10px 20px.
Вместе свойство и значение образуют пару, записываемую внутри фигурных скобок после селектора: color: blue;.
JS
JS (JavaScript) – файл клиентского языка программирования для веб-страниц и приложений, который обрабатывается в браузере при помощи специального движка, и обеспечивает анимации, выполнение логики, связи и вычисления, словно «вдыхая душу» в пустые кнопки HTML/CSS.
Скрипт — это последовательность команд, встроенная в веб-страницу и предназначенная для выполнения определённых действий: обработки ввода пользователя, изменения содержимого, отправки запросов на сервер или управления анимациями. Скрипты выполняются интерпретатором браузера во время загрузки или взаимодействия.
Клиентский язык программирования — это язык, код которого выполняется на устройстве пользователя (в веб-браузере), а не на сервере. Такой язык управляет поведением страницы после её загрузки: реагирует на клики, прокрутку, ввод текста, обновляет интерфейс без перезагрузки и взаимодействует с локальными ресурсами (кэш, геолокация, камера — при согласии пользователя).
JavaScript — это стандартный клиентский язык программирования, изначально созданный для добавления интерактивности в веб-страницы и впоследствии ставший универсальным инструментом для фронтенд-разработки, мобильных и настольных приложений, серверных решений и автоматизации. JavaScript поддерживается всеми современными браузерами и работает в тесной связке с HTML и CSS.
CHM
CHM (Compiled HTML Help) – формат справки Microsoft, компилируется из HTML-файлов и представляет собой собранный пакет веб-страниц, с оглавлением, предметным указателем и полнотекстовым поиском.
Справка — это собрание документированных инструкций, описаний и примеров, организованное для помощи пользователю в освоении программы, сервиса или системы. Справка может включать оглавление, поиск по ключевым словам, контекстные подсказки и гиперссылки между разделами, обеспечивая быстрый доступ к нужной информации.